<template>
    <div id="Index">
        <c-banner />
        <c-notice />
        <c-list />
        <c-info />
        <c-address />
        <!-- <c-download/> -->
        <c-begin v-if="!signed" />
    </div>
</template>

<script>
import {vpost, kpost, vlink} from '@api'
let Cbanner = ss => {
	setTimeout(() => {
		require(['./banner/a'], ss)
	}, 200)
}
let Cnotice = ss => {
	setTimeout(() => {
		require(['./notice/a'], ss)
	}, 600)
}
let Clist = ss => {
	setTimeout(() => {
		require(['./list/a'], ss)
	}, 1000)
}
let Cinfo = ss => {
	setTimeout(() => {
		require(['./info/a'], ss)
	}, 1500)
}
let Caddress = ss => {
	setTimeout(() => {
		require(['./address/a'], ss)
	}, 2000)
}
let Cbegin = ss => {
	setTimeout(() => {
		require(['./begin/a'], ss)
	}, 2500)
}
export default {
	name: 'Index',
	data() {
		return {}
	},
	components: {
		'c-banner': Cbanner,
		'c-begin': Cbegin,
		'c-info': Cinfo,
		'c-address': Caddress,
		'c-notice': Cnotice,
		'c-list': Clist,
		// 'c-download': Cdownload,
	},
	computed: {
		signed() {
			return this.$store.state.user.signed
		},
	},
	mounted() {
	},
	beforeDestroy() {},
}
</script>

<style scoped>
#Index {
	background-color: #262a42;
}
</style>
